
<div class="panel panel-success">
	<div class="panel-heading" style="background: #33CCCC;">{{title}}</div>
	<div class="panel-body">
		<div class="col-sm-12"><h1>{{title}}</h1></div>
		<div class="col-sm-12" style="text-align: justify;">{{content}}</div>
		<div class="col-sm-12" style="margin-top: 20px; border-top: 2px; border-color: black; border-top-style: solid;">
		Data dodania: {{date}} <br>
		Autor: {{users.usName}} {{author}}
		</div>
		<div class="col-sm-12" style="margin-top: 20px;"><h2>Komentarze</h2>
			<div class="col-sm-12" style="margin-top: 10px">
				<div class="col-sm-12"><b>dodaj komentarz</b>
					<form name="loginForm" class="form-horizontal">
			<div class="form-group">
				<label for="login" class="col-sm-4 control-label">Podaj swoją nazwę: </label>
				<div class="col-sm-6">
					<input type="text" class="form-control" id="login" ng-model="user.login"
						placeholder="Tutaj wpisz nazwę" name="login"/>
				</div>
				<label for="comment" class="col-sm-4 control-label">Wstaw komentarz</label>
				<div class="col-sm-6">
					<textarea rows="4" cols="50" class="form-control" id="comment" name="comment"
						placeholder="Tutaj wpisz komentarz" ng-model="user.content" > </textarea>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<button type="submit" name="submit" value="submit" class="btn btn-default" ng-click="addComment()">Komentuj</button>
				</div>
			</div>
		</form>
				</div>
				
			</div>
			<div class="col-sm-12" ng-repeat="comment in comments" style="margin-top: 10px">
				<div class="title"><b>Skomentował: {{comment.login}}:</b></div>
				<div class="comments">{{comment.content}}</div>
			</div>
		
		</div>
	</div>
</div>